<%@ include file="top.jsp" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome,it's Coding!</title>
<link type="text/css" href="jquery/css/smoothness/jquery-ui-1.8.20.custom.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="jquery/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery/themes/icon.css">
<script type="text/javascript" src="jquery/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery/js/jquery-ui-1.8.20.custom.min.js"></script>

<!-- bootstrap -->
<script type="text/javascript" src="bootstrap/assets/js/jquery.js" ></script>
<link rel="stylesheet" type="text/css" href="bootstrap/assets/css/bootstrap.css" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="bootstrap/assets/css/bootstrap-responsive.css" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="bootstrap/assets/css/docs.css" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="bootstrap/assets/js/google-code-prettify/prettify.css" charset="utf-8" />

<link rel="apple-touch-icon-precomposed" href="bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">

<script type="text/javascript" src="bootstrap/assets/js/bootstrap.js" ></script>
<script type="text/javascript" src="bootstrap/assets/js/bootstrap-popover.js" ></script>
<script type="text/javascript" src="bootstrap/assets/js/bootstrap-dropdown.js" ></script>
<script type="text/javascript" src="bootstrap/assets/js/bootstrap-scrollspy.js" ></script>
<script type="text/javascript" src="bootstrap/assets/js/bootstrap-button.js" ></script>
<script type="text/javascript" src="bootstrap/assets/js/bootstrap-carousel.js" ></script>
<script type="text/javascript" src="bootstrap/assets/js/google-code-prettify/prettify.js"></script>

<!-- bootstrap -->
<script type="text/javascript" src="js/serverpush.js"></script>
<script type="text/javascript">
$(function(){
	suppot();
	$('.carousel').carousel({
  		interval: 2000
	});	
});

function suppot(){
 $.support.placeholder = false;
	  if ("placeholder" in document.createElement("input")) $.support.placeholder = true;
  
	  if ($.support.placeholder) {
		  var active = document.activeElement;
		  $(":text, textarea").live("focus", function () {
			  if ($(this).attr("placeholder") != "" && $(this).val() == $(this).attr("placeholder")) {
				  $(this).val("").removeClass("placeholder");
			  }
		  }).live("blur", function () {
			  if ($(this).attr("placeholder") != "" && ($(this).val() == "" || $(this).val() == $(this).attr("placeholder"))) {
				  $(this).val($(this).attr("placeholder")).addClass("placeholder");
			  }
		  });
		  $(":text, textarea").blur();
		  $(active).focus();
		  $("form").submit(function () {
			  $(this).find(".placeholder").each(function () { $(this).val(""); });
		  });
	  }
}
</script>
</head>
<body style="background:#F0FFF0;">	
	<div class="row" style="margin-left:100px;margin-top:-50px;background: #0ddd;">		
		<div class="span9 columns">
			<jsp:include page="left_up.jsp"></jsp:include>
		</div>	
		<div class="span3 columns">
			<jsp:include page="login.jsp"></jsp:include>
			<jsp:include page="search.jsp"></jsp:include>
		</div>	
	</div>
	
	<div align="center" class="row" style="margin-left:100px;background: #0ddd;">		
		<div class="span9 columns">
			<jsp:include page="left_down.jsp"></jsp:include>
		</div>	
		<div class="span3 columns">
			<jsp:include page="right_down.jsp"></jsp:include>
		</div>	
	</div>

</body>
</html>